<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>团购</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta name="format-detection" content="telephone=no">
    <meta name="renderer" content="webkit">
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <link rel="stylesheet" href="amazeui/css/amazeui.min.css"/>
    <link rel="stylesheet" href="default/style.css"/>
    <script src="amazeui/js/jquery.min.js"></script>
    <script src="amazeui/js/amazeui.min.js"></script>
</head>

<body>
<div class="container">
    <header data-am-widget="header" class="am-header am-header-default my-header">

        <h1 class="am-header-title">
            <a href="#title-link" class="">订单详情</a>
        </h1>

    </header>
    <form class="am-form am-form-horizontal">
        <legend style="padding-left: 1rem;margin-bottom: 1rem;font-weight: 500">收货信息</legend>
        <div class="am-form-group">
            <label for="doc-ipt-3" class="am-u-sm-3 am-form-label" style="text-align: right" readonly="true">姓名</label>
            <div class="am-u-sm-9">
                <input type="text" id="doc-ipt-3" th:value="${order.name}">
            </div>
        </div>

        <div class="am-form-group">
            <label for="doc-ipt-pwd-2" class="am-u-sm-3 am-form-label" style="text-align: right" readonly="true">手机号码</label>
            <div class="am-u-sm-9">
                <input type="text" id="doc-ipt-pwd-2" th:value="${order.phone}">
            </div>
        </div>
        <div class="am-form-group">
            <label for="doc-ipt-pwd-3" class="am-u-sm-3 am-form-label" style="text-align: right" readonly="true">详细地址</label>
            <div class="am-u-sm-9">
                <input type="text" id="doc-ipt-pwd-3" th:value="${order.address}">
            </div>
        </div>
    </form>
    <!--<div class="am-cf uchome-nav">-->
    <!--<ul class="am-avg-sm-5">-->
    <!--<li><a href="groupbuy.html?status=-1">全部</a></li>-->
    <!--<li><a href="groupbuy.html?status=1">已付款</a></li>-->
    <!--<li><a href="groupbuy.html?status=0">未付款</a></li>-->

    <!--</ul>-->
    <!--</div>-->
    <div class="am-cf cart-panel">
        <div class="withdrawals-panel">
            <p class="groupby-t-p">
                <!--<span class="am-fr" th:text="${order.ctimeStr}">2015-06-07 18:27</span>-->
                <span th:text="${'订单号：'+order.number}">订单号：123456789</span>
                <span class="am-text-success" th:if="${order.status==1}" style="float: right">已付款</span>
                <span class="am-text-success" th:if="${order.status==3}" style="float: right">已发货</span>
                <span class="am-text-success" th:if="${order.status==5}" style="float: right">已完成</span>
                <span class="am-text-success" th:if="${order.status==0}" style="color: red;float: right">未付款</span>
            </p>
            <hr  class="am-divider am-divider-default am-cf"/>
            <div th:each="detail : ${order.detail} " style="clear: both">
                <div>
                    <div class="groupby-img-panle" style="margin-bottom: 5%"><a href="#"><img th:src="${detail.img}" class="am-img-responsive" style="max-width: 93%;" /></a></div>
                    <div class="groupby-info-panle">
                        <h3><a href="#" th:text="${detail.name}">商品名称</a></h3>
                        <p th:text="${'规格：'+detail.attribute}"></p>
                        <p>总额：<span class="red2 bold" th:text="${detail.price*detail.qty}">78.00</span> 元</p>
                        <p th:text="${'数量：'+detail.qty}">数量：1</p>
                    </div>
                </div>
                <br/>
                <hr  class="am-divider am-divider-default am-cf" style="width: 88%;margin: auto"/>
            </div>
            <!--<hr  class="am-divider am-divider-default am-cf"/>-->
            <p class="groupby-t-p" style="margin-top: 0.8rem;margin-bottom: 0;">
                <span th:text="${'时间：'+order.ctimeStr}"></span>
                <!--<a href="#" class="am-btn am-btn-primary am-btn-xs am-btn-danger am-radius" style="float: right;">订单详情</a>-->
            </p>
        </div>
    </div>

    <footer data-am-widget="footer" class="am-footer am-footer-default" data-am-footer="{  }">
        <hr data-am-widget="divider" style="" class="am-divider am-divider-default"/>
        <div class="am-footer-miscs ">
            <p>广东温氏乳业有限公司</p>

        </div>
    </footer>
    <!--底部-->
    <div data-am-widget="navbar" class="am-navbar am-cf my-nav-footer " id="">
        <ul class="am-navbar-nav am-cf am-avg-sm-4 my-footer-ul">
            <li>
                <a href="/index.html" class="">
                    <span class="am-icon-home"></span>
                    <span class="am-navbar-label">首页</span>
                </a>
            </li>
            <li>
                <a href="/shoppingcart.html" class="">
                    <span class=" am-icon-cart-plus"></span>
                    <span class="am-navbar-label">购物车</span>
                </a>
            </li>
            <li style="position:relative">
                <a href="/reg.html" class="">
                    <span class="am-icon-user"></span>
                    <span class="am-navbar-label">收货地址</span>
                </a>
            </li>
            <li style="position:relative">
                <a href="/groupbuy.html" class="">
                    <span class="am-icon-list"></span>
                    <span class="am-navbar-label">订单列表</span>
                </a>
            </li>
        </ul>
        <script>
            function showFooterNav(){
                $("#footNav").toggle();
            }
        </script>
    </div>
</div>
</body>
</html>
